/**
 * @author caif
 * @fileoverview css sprite 
 */
 
/*#############################################----icon  button------------##################################*/

.icon_folder32 {
	background: url("../images/folder32x32.png") no-repeat;
	width: 32px;
	height: 32px;
	float: left;
}

.icon_image32 {
	background: url(../images/image32x32.png) no-repeat;
	float: left;
	height: 32px;
	width: 32px;
}
.icon_html32 {
	background: url(../images/html32x32.png) no-repeat;
	float: left;
	height: 32px;
	width: 32px;
}

.icon_xml32 {
	background: url(../images/xml32.png) no-repeat;
	float: left;
	height: 32px;
	width: 32px;
}

.icon_down
{
	background: url(../images/bullet_arrow_down.png) no-repeat;
	float: left;
	height: 16px;
	width: 16px;
}

.icon_txt32 {
	background: url(../images/txt32x32.png) no-repeat;
	float: left;
	height: 32px;
	width: 32px;
}

.icon_other32 {
	background: url(../images/document32x32.png) no-repeat;
	float: left;
	height: 32px;
	width: 32px;
}

.icon_excel32 {
	background: url(../images/excel32x32.png) no-repeat;
	float: left;
	height: 32px;
	width: 32px;
}

.icon_ppt32 {
	background: url(../images/ppt32x32.png) no-repeat;
	float: left;
	height: 32px;
	width: 32px;
}

.icon_zip32 {
	background: url(../images/zip32.png) no-repeat;
	float: left;
	height: 32px;
	width: 32px;
}

.icon_7zip32 {
	background: url(../images/7zip32.png) no-repeat;
	float: left;
	height: 32px;
	width: 32px;
}
.icon_jar32 {
	background: url(../images/jar32.png) no-repeat;
	float: left;
	height: 32px;
	width: 32px;
}
.icon_rar32 {
	background: url(../images/rar32.png) no-repeat;
	float: left;
	height: 32px;
	width: 32px;
}


.icon_zip96 {
	background: url(../images/zip96.png) no-repeat;
	float: left;
	height: 96px;
	width: 96px;
}

.icon_7zip96 {
	background: url(../images/7zip96.png) no-repeat;
	float: left;
	height: 96px;
	width: 96px;
}
.icon_jar96 {
	background: url(../images/jar96.png) no-repeat;
	float: left;
	height: 96px;
	width: 96px;
}
.icon_rar96 {
	background: url(../images/rar96.png) no-repeat;
	float: left;
	height: 96px;
	width: 96px;
}


.icon_pdf32 {
	background: url(../images/pdf32x32.png) no-repeat;
	float: left;
	height: 32px;
	width: 32px;
}

.icon_word32 {
	background: url(../images/word32x32.png) no-repeat;
	float: left;
	height: 32px;
	width: 32px;
}
.icon_rvt32
{
	background: url("../images/rvt32.png") no-repeat;
	width: 32px;
	height: 32px;
	float: left;
}

.icon_dwg32
{
	background: url("../images/dwg32x32.png") no-repeat;
	width: 32px;
	height: 32px;
	float: left;
}

.icon_ifc32
{
	background: url("../images/ifc32.png") no-repeat;
	width: 32px;
	height: 32px;
	float: left;
}

.icon_psd32
{
	background: url("../images/psd32x32.png") no-repeat;
	width: 32px;
	height: 32px;
	float: left;
}

.icon_gmsb32
{
	background: url("../images/gmsb32.png") no-repeat;
	width: 32px;
	height: 32px;
	float: left;
}

.icon_gif32 {
	background: url(../images/gif32x32.png) no-repeat;
	float: left;
	height: 32px;
	width: 32px;
}
.icon_png32 {
	background: url(../images/png32x32.png) no-repeat;
	float: left;
	height: 32px;
	width: 32px;
}
.icon_bmp32 {
	background: url(../images/bmp32x32.png) no-repeat;
	float: left;
	height: 32px;
	width: 32px;
}
.icon_jpeg32 ,  .icon_jpg32{
	background: url(../images/jpg32x32.png) no-repeat;
	float: left;
	height: 32px;
	width: 32px;
}

.icon_gcl32
{
	background: url("../images/gcl32.png") no-repeat;
	width: 32px;
	height: 32px;
	float: left;
}

.icon_gfc32
{
	background: url("../images/gfc32.png") no-repeat;
	width: 32px;
	height: 32px;
	float: left;
}

.icon_folder96 {
	background: url("../images/folder96x96.png") no-repeat;
	width: 96px;
	height: 96px;
	float: left;
}

.icon_txt96 {
	background: url(../images/txt96x96.png) no-repeat;
	float: left;
	height: 96px;
	width: 96px;
}

.icon_image96 {
	background: url(../images/image96x96.png) no-repeat;
	float: left;
	height: 96px;
	width: 96px;
}

.icon_other96 {
	background: url(../images/document96x96.png) no-repeat;
	float: left;
	height: 96px;
	width: 96px;
}

.icon_excel96 {
	background: url(../images/excel96x96.png) no-repeat;
	float: left;
	height: 96px;
	width: 96px;
}

.icon_ppt96 {
	background: url(../images/ppt96x96.png) no-repeat;
	float: left;
	height: 96px;
	width: 96px;
}

.icon_psd96
{
	background: url("../images/psd96x96.png") no-repeat;
	width: 96px;
	height: 96px;
	float: left;
}
.icon_pdf96 {
	background: url(../images/pdf96x96.png) no-repeat;
	float: left;
	height: 96px;
	width: 96px;
}

.icon_word96 {
	background: url(../images/word96x96.png) no-repeat;
	float: left;
	height: 96px;
	width: 96px;
}
.icon_rvt96
{
	background: url("../images/rvt96.png") no-repeat;
	width: 96px;
	height: 96px;
	float: left;
}

.icon_gfc96
{
	background: url("../images/gfc96.png") no-repeat;
	width: 96px;
	height: 96px;
	float: left;
}

.icon_dwg96
{
	background: url("../images/dwg96x96.png") no-repeat;
	width: 96px;
	height: 96px;
	float: left;
}

.icon_ifc96
{
	background: url("../images/ifc96.png") no-repeat;
	width: 96px;
	height: 96px;
	float: left;
}

.icon_gmsb96
{
	background: url("../images/gmsb96.png") no-repeat;
	width: 96px;
	height: 96px;
	float: left;
}

.icon_gcl96
{
	background: url("../images/gcl96.png") no-repeat;
	width: 96px;
	height: 96px;
	float: left;
}

.icon_breadcrumb
{
	background: url("../images/breadcrumb.png") no-repeat;
	width: 16px;
	height: 16px;
}
.icon_html96 {
	background: url(../images/html96x96.png) no-repeat;
	float: left;
	height: 96px;
	width: 96px;
}
.icon_xml96 {
	background: url(../images/xml96.png) no-repeat;
	float: left;
	height: 96px;
	width: 96px;
}

.icon_gif96 {
	background: url(../images/gif96x96.png) no-repeat;
	float: left;
	height: 96px;
	width: 96px;
}
.icon_png96 {
	background: url(../images/png96x96.png) no-repeat;
	float: left;
	height: 96px;
	width: 96px;
}
.icon_bmp96 {
	background: url(../images/bmp96x96.png) no-repeat;
	float: left;
	height: 96px;
	width: 96px;
}
.icon_jpeg96 ,  .icon_jpg96{
	background: url(../images/jpg96x96.png) no-repeat;
	float: left;
	height: 96px;
	width: 96px;
}


.active .icon_sider_document{
	background-image: url(../images/own.png);
}

.active .icon_sider_shareby{
	background-image: url(../images/share.png);
}

.active .icon_sider_sharefor{
	background-image: url(../images/partake.png)
}

.active .icon_sider_recycle{
	background-image: url(../images/visit_trash.png);
}

.icon_sider_document{
	background: url(../images/visit_own.png) no-repeat;
	height: 20px;
	width: 20px;
	float: left;
	margin-right: 5px;
}

.icon_sider_shareby{
	background: url(../images/visit_share.png) no-repeat;
	float: left;
	height: 20px;
	width: 20px;
	margin-right: 5px;
}

.icon_sider_sharefor{
	background: url(../images/visit_partake.png) no-repeat;
	float: left;
	height: 20px;
	width: 20px;
	margin-right: 5px;
}

.icon_sider_recycle{
	background: url(../images/trash.png) no-repeat;
	float: left;
	height: 20px;
	width: 20px;
	margin-right: 5px;
}
/*#############################################----icon  button------------##################################*/
